'use strict';
//用户关注信息
import React,{Component} from 'react';
import styles from '../style/styles';
import Icon from 'react-native-vector-icons';
import UserCollection from './userCollection';
import {
    View,
    Text,
    TouchableOpacity,
    Image
} from 'react-native';



export default class userFocusInfo extends Component{
    // 构造
      constructor(props) {
        super(props);
        // 初始状态
        this.state = {};
      }


    jump(link,title,uri){
        let that =this;
        that.props.navigator.push({
            component:link,
            passProps:{
                title:title,
                uri:uri
            }
        })
    }

    render(){
        return(
           <View>
               <View style={styles.focusList}>
                   <TouchableOpacity style={styles.focus_list} onPress={()=>this.jump(UserCollection,'我的收藏')}>
                       <Icon name={'star'} size={25} color={'#f00'}/>
                       <Text style={styles.focus_txt}>我的收藏</Text>
                   </TouchableOpacity>
                   <TouchableOpacity style={styles.focus_list} onPress={()=>this.jump(UserCollection,'浏览记录')}>
                       <Icon name={'history'} size={25} color={'#4F94CD'}/>
                       <Text style={styles.focus_txt}>浏览记录</Text>
                   </TouchableOpacity>
                   <TouchableOpacity style={styles.focus_list}>
                       <Icon name={'group'} size={25} color={'#FF7F00'}/>
                       <Text style={styles.focus_txt}>我的客服</Text>
                   </TouchableOpacity>
                   <TouchableOpacity style={styles.focus_list} >
                       <Icon name={'share-alt'} size={25} color={'#EE00EE'}/>
                       <Text style={styles.focus_txt}>分享好友</Text>
                   </TouchableOpacity>
                   <TouchableOpacity style={styles.focus_list}>
                       <Icon name={'qrcode'} size={25} color={'#f00'}/>
                       <Text style={styles.focus_txt}>我的二维码</Text>
                   </TouchableOpacity>
                   <TouchableOpacity style={styles.focus_list}>
                       <Icon name={'home'} size={25} color={'#7D26CD'}/>
                       <Text style={styles.focus_txt}>我的微店</Text>
                   </TouchableOpacity>
                   <TouchableOpacity style={styles.focus_list}>
                       <Icon name={'star'} size={25} color={'#f00'}/>
                       <Text style={styles.focus_txt}>我的积分</Text>
                   </TouchableOpacity>
                   <TouchableOpacity style={styles.focus_list}>
                       <Icon name={'sitemap'} size={25} color={'#32CD32'}/>
                       <Text style={styles.focus_txt}>会员等级</Text>
                   </TouchableOpacity>
               </View>
               <Image
                   resizeMode="stretch"
                   style={styles.user_advert}
                   source={{uri:'https://gw.alicdn.com/tps/i2/TB1XBRWMXXXXXaFXFXXwprb_XXX-1125-225.jpg_q50.jpg'}}/>
           </View>
        )
    }
}